<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head >
    <title >直播间样品管理</title>
</head>
<body >

<div class="layui-body" style="padding:15px;">
    <style type="text/css">
        .update {
            display: inline-block;
            margin-left: 15px;
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background: #009789;
            color: #fff;
            text-align: center;
            border-radius: 3px;
            cursor: pointer;
        }

        .update i {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            background: url();
        }
        .T-box {
            width: 400px;
            padding: 0 20px;
            text-align: left;
        }

        .T-box p {
            position: relative;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            margin-bottom: 15px;
        }

        .T-box p span {
            display: inline-block;
            padding-right: 15px;
            text-align: right;
            width: 110px;
            line-height: 36px;
            font-size: 14px;
        }

        .T-box p input, .T-box p select {
            width: 250px;
            padding: 0 5px;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            border: 1px solid #d3d3d3;
            outline: none;
        }

        .T-box p i {
            padding: 0 10px;
            line-height: 36px;
            font-style: normal;
        }

        .T-box p b {
            display: inline-block;
            margin-left: 10px;
            cursor: pointer;
            width: 60px;
            height: 36px;
            line-height: 36px;
            background: #c33;
            color: #fff;
            text-align: center;
            font-size: 13px;
            font-weight: normal;
        }
    </style>
        <div class="layui-inline">
            <button type="button" id="print_btn" class="layui-btn">打印</button>
        </div>
    </blockquote>
    <!-- start dd-wrapper -->
    <link rel="stylesheet" href="/goods/order.css"/>
    <div class="dd-wrapper" id="myElementId">
        <table class="dd-table">
            <tr>
                <th>拿样日期</th>
                <th >商品</th>
                <th>SKU信息</th>
                <th>库存数量</th>
                <th width="100px">尺寸</th>
                <th >面料</th>
                <th >重量</th>
                <th >季节</th>
                <th >年份</th>
                <th >建议</th>
                <th >采购价</th>
                <th >建议直播价</th>

            </tr>
            <tr th:each="item:${lists}">

                <td th:text="${item.orderDate}"></td>
                <td>
                    <img th:src="${item.getGoodsImage()}" style="width: 50px;height: 50px;">

                </td>
                <td>
                    <p th:text="${#strings.abbreviate(item.getGoodsTitle(),18)}"></p>
                    <p style="color: #018AED" th:text="${item.skuInfo}"></p>
                    <p th:text="${item.specNumber}"></p>
                </td>
                <td th:text="${item.currentQty}"></td>
                <td >
                    <li th:if="${item.length >0}">衣长：<span>[[${item.length}]]</span>cm</li>
                    <li th:if="${item.height >0}">袖长：<span>[[${item.height}]]</span>cm</li>
                    <li th:if="${item.width >0}">胸阔：<span>[[${item.width}]]</span>cm</li>
                    <li th:if="${item.width1 >0}">肩阔：<span>[[${item.width1}]]</span>cm</li>
                    <li th:if="${item.width2 >0}">腰阔：<span>[[${item.width2}]]</span>cm</li>
                    <li th:if="${item.width3 >0}">臀阔：<span>[[${item.width3}]]</span>cm</li>

                </td>
                <td th:text="${item.attr5}"></td>
                <td><span th:text="${#numbers.formatDecimal(item.weight,0,0)}"></span>g</td>
                <td><span th:text="${item.attr1}"></span></td>
                <td><span th:text="${item.attr4}"></span></td>
                <td><span th:text="${item.remark}"></span></td>
                <td><span th:text="${'￥'+item.costPrice}"></span></td>
                <td><span th:text="${item.salePrice}"></span></td>
            </tr>
        </table>
    </div>
    <!-- end dd-wrapper -->
    <div class="layui-box layui-laypage layui-laypage-default pageBox">
        <paging:pager th:value="${pageIndex}" th:rows="${totalSize}" th:size="${pageSize}"/>
    </div>

    <script src="/jquery-3.3.1.min.js"></script>
    <script src="/jQuery.print.min.js"></script>
    <script>
        $(function () {
            $("#print_btn").click(function () {
                $.print("#myElementId" /*, options*/);
            })
        })
    </script>

</div>
</body>
<html>
